<#assign menuId=2>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>设计订单详情-${Application.systemName!}</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <link href="../css/myself.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="../css/pagination.css" />
        <script type="text/javascript" src="../js/lib/jquery.min.js"></script>
        <script type="text/javascript" src="../js/jquery.pagination.js"></script>
        <link type="text/css" href="../css/datepicker/datepicker3.css"/>


        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <style type="text/css">
        .bold{
        	font-size: 14px;
        	font-weight: bold;
        }
        #image{
        	width: 480px;
        	height: 270px;
        }
        .people li{
       		float: left;
       		width: 25%;
       		padding: 5px; 
       	}
        
        	/* 弹出大图样式 */
			.Image{
				width: 960px;
			}
			.Image .modal-body {
				position: relative;
			}
			.Image .modal-body img{
				width: 100%;
				height: 540px;
				cursor: pointer;
				position: absolute;
				top: 0;
				left: 0;
				z-index:99;
			}
			.iconR, .iconL{
				position: absolute;
				top: 50%;
				font-size: 50px;
				color: #3882ff;
				cursor: pointer;
				opacity: 0.7;
				margin-top: 20%;
				z-index:2000;
			}
			.iconL{
				left: 10px;
			}
			.iconR{
				right: 10px;
			}
			.tc2_content1_d2{
                width: 90px;
                height: 30px;
                background-color: #5f6571;
                color: #fff;
                text-align: center;
                line-height: 30px;
                border-radius: 15px 0 0 15px;
                position: absolute;
                right: 0;
                top: 20px;
                font-weight: bold;
                z-index:999;
            }
            
            .left-side{
            	display: block;
            }
            
        </style>
      
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <#include "../header.html" />
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <#include "../menu.html" />

            <!-- Right side column. Contains the navbar and content of the page -->
           <aside class="right-side">
           	<section class="content-header">
                    <h1 >设计订单详情
                    	<!--<small><a href="#">返回</a></small>-->
                    </h1>
                    <div class="breadcrumb" >
                    	<#if (order.designer??) && (Session["userId"]==order.designer) && (Session["permisionMap"]["F105"]??) && order.status==11>
	                    	 <#if order.orderPatternResults?size &gt;= order.designCount>
	                         <span class="btn btn-warning" onclick="submitVerify()">提交审核</span> 
	                         </#if>
                         </#if>
                         <#if (order.designer??) && (Session["userId"]==order.designer) && (Session["permisionMap"]["F102"]??)  && order.status==11 > 
	                         <#if order.orderPatternResults?size lt order.designCount>
	                         <span class="btn btn-primary" onclick="window.location.href='../orderpattern/addPage?businessId=${businessId}&orderId=${orderId}'">上传设计稿</span>
	                         </#if>
                        </#if>
                        <#if (Session["permisionMap"]["F109"]??) && order.status lt 100>
				                		
				                		   <#if order.manager??>
			                				<span class="btn btn-primary" data-toggle="modal" data-target="#assign_manager">修改项目经理</span>
			                			   
			                				<#else>
			                			   <span class="btn btn-primary" data-toggle="modal" data-target="#assign_manager">指派项目经理</span>
			                			   
			                			   </#if>
				                		
											 <div class="modal fade" id="assign_manager"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
																			<div class="modal-dialog">
												<div class="modal-content">
													<div class="modal-header">
														<button type="button" class="close" data-dismiss="modal" 
																aria-hidden="true">×
														</button>
														<h4 class="modal-title" id="myModalLabel">
															指派项目经理
														</h4>
													</div>
													<div class="modal-body">
										<form id="assignManagerForm">
										<table class="table table-bordered">
                                        <tbody><tr>
                                            <th style="width: 80px">选择</th>
                                            <th>账号</th>
                                            <th>姓名</th>
                                        </tr>
                                        <#list managerList as sysUser>
                                        <tr>
                                            <td><input type="radio" name="manager" value="${sysUser.id!}"  <#if order.manager?? && order.manager==sysUser.id>checked="checked" </#if>/></td>
                                            <td>${sysUser.email!}</td>
                                            <td>${sysUser.name!}</td>
                                        </tr>
                                       </#list>
                                    </tbody></table>
									</form>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default" 
													data-dismiss="modal">关闭
											</button>
											<button type="button" onclick="assignManager()" id="btnassignuser" class="btn btn-primary">
												提交
											</button>
										</div>
									</div><!-- /.modal-content -->
								</div><!-- /.modal-dialog -->
							</div><!-- /.modal -->
				                		</#if>
				                		
				                		
				                		<#if (Session["permisionMap"]["F101"]??) && order.status lt 99>
						                    <#if order.designer??>
						                    <span class="btn btn-primary"  data-toggle="modal" data-target="#assign_user">修改设计师</span>
			                			
						                    <#else>
						                    <span class="btn btn-primary"  data-toggle="modal" data-target="#assign_user">指派设计师</span>
			                			
						                    </#if>
			                				
											 <div class="modal fade" id="assign_user"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
																			<div class="modal-dialog">
												<div class="modal-content">
													<div class="modal-header">
														<button type="button" class="close" data-dismiss="modal" 
																aria-hidden="true">×
														</button>
														<h4 class="modal-title" id="myModalLabel">
															指派设计师
														</h4>
													</div>
													<div class="modal-body">
														<form id="assignDesignerForm">
															<table class="table table-bordered">
					                                        	<tbody>
							                                        <tr>
							                                            <th style="width: 80px">选择</th>
							                                            <th>账号</th>
							                                            <th>姓名</th>
							                                        </tr>
							                                        <#list designerList as sysUser>
							                                        <tr>
							                                            <td><input type="radio" name="designer" value="${sysUser.id!}"  <#if order.designer?? && order.designer==sysUser.id>checked="checked" </#if>/></td>
							                                            <td>${sysUser.email!}</td>
							                                            <td>${sysUser.name!}</td>
							                                        </tr>
						                                       		</#list>
					                                    		</tbody>
					                                    	</table>
														</form>
													</div>
													<div class="modal-footer">
														<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
														<button type="button" onclick="assignDesigner()" id="btnassignuser" class="btn btn-primary">
															提交
														</button>
													</div>
												</div><!-- /.modal-content -->
											</div><!-- /.modal-dialog -->
										</div><!-- /.modal -->
				                		</#if>
				                		
                        <#if (Session["permisionMap"]["F103"]??) && order.status==12>
                        <span class="btn btn-primary"  onclick="verify();">通过审核</span>
                         </#if>  
                         <#if (Session["permisionMap"]["F104"]??) && order.status==99>
                         <span class="btn btn-warning"  onclick="closeOrder();">关闭订单</span>  
                         </#if>  
                         <#if (Session["permisionMap"]["F108"]??)  && order.status==99 >
                           <span class="btn btn-primary" onclick="window.location.href='../proofingorder/add?orderId=${orderId}'">创建打样订单</span>   
                         </#if>                      
                    </div>
                    
                    <div class="clear"></div>
                    <ol class="ol_left">
                        <li>当前位置：</li>
                        <li><a href="list?pageNo=1">设计订单</a></li>
                        <li>> 订单详情</li>
                    </ol>
                    <hr class="no-margin" />
            </section>
            <section class="content">
            	<div class="row">
            		<div class="col-md-12">
                        <div class="box" style="padding: 20px"> 
                            <div class="clearfix center">
                                <span class="pull-left bold">订单信息</span>
                                <!-- <a class="see" href="javascript:;"></a>
                                <i style="color: #3882ff" class="fa fa-angle-down"></i> -->
                                <span><a href="#"></a></span>
                                <span class="pull-right">
                                	<span class="six-font">设计款数${order.designCount!}款</span>&nbsp;&nbsp;
                                	<span class="six-font red"><#if order.status==10>待分配<#elseif order.status==11>设计中
				                		<#elseif order.status==12>待审核<#elseif order.status==99>已完成<#elseif order.status==100>已关闭</#if></span>
                                    <!-- <span class="six-font red">待分配</span> -->
                                    &nbsp;&nbsp;
                                    <#if order.status lt 99>
                                    <#if order.enddateCnt??>
                                      <#if order.enddateCnt gt 0>
                                      <span class="six-font">剩余 <span>${order.enddateCnt?abs}</span>天</span>
                                      </#if>
                                      <#if order.enddateCnt lt 0>
                                      <span class="six-font red">超期<span>${order.enddateCnt?abs}</span>天</span>
                                      </#if>
                                    </#if>
                                    </#if>
                                </span>
                            </div>
                            <div class="center clearfix see_content">
                                <div class="conter_jiben col-md-12 marginTOP10 bold">订单基本信息</div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td class="text-center no-border" width="10%">订单编号：</td>
										<td class="no-border" width="42%">${order.code}</td>
                                        <td class="text-center no-border" width="10%">订单创建时间：</td>
                                        <td class="no-border" width="42%">${order.createAt?string("yyyy-MM-dd HH:mm")}</td>
                                    </tr>
                                    <tr>
                                    	<td class="text-center no-border" width="10%">销&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;售：</td>
                                    	<td class="no-border" colspan="3" width="90%">${order.creatorZh!}</td>
                                    </tr>
                                </table>
                                <div class="conter_jiben col-md-12 bold">客户信息</div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td class="text-center" width="10%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">客户编号</td></tr>
                                        		<tr><td style="border: 0;">客户名称</td></tr>
                                        		<tr><td style="border: 0;">客户分类</td></tr>
                                        		<tr><td style="border: 0;">网&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址</td></tr>
                                        		<tr><td style="border: 0;">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</td></tr>
                                        	</table>

                                        </td>
                                        <td width="40%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.code!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.fullname}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.category!}</td></tr>
                                        		<tr><td style="border: 0;"><a href="${order.customer.web!}">&nbsp;${order.customer.web!}</a></td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.memo!}</td></tr>
                                        	</table>
                                        </td>
                                        <td class="text-center" width="10%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">客户等级</td></tr>
                                        		<tr><td style="border: 0;">客户简称</td></tr>
                                        		<tr><td style="border: 0;">公司地址</td></tr>
                                        		<tr><td style="border: 0;">收件地址</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.level!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.abbreviation!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.province!} ${order.customer.city!} ${order.customer.area!} ${order.customer.detailAddress!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.deliveryAddress!}</td></tr>
                                        	</table>
                                        </td>
                                    </tr>
                                    <#list order.customer.contacts as contact>
                                    <tr>
                                        <td class="text-center">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">联系人姓名</td></tr>
                                        		<tr><td style="border: 0;">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱</td></tr>
                                        	</table>
                                        </td>
                                        <td>
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">&nbsp;${contact.linkman!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${contact.email!}</td></tr>
                                        	</table>
                                        </td>
                                         <td class="text-center">
                                         	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">联系方式</td></tr>
                                        		<tr><td style="border: 0;">职位/部门</td></tr>
                                        	</table>
                                        </td>
                                        <td>
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">&nbsp;${contact.contact!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${contact.deptPosition!}</td></tr>
                                        	</table>
                                        </td>
                                    </tr>
                                    </#list>
                                </table>
                                <div class="conter_jiben col-md-12 marginTOP10 bold">产品信息</div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td class="text-center" width="10%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">产品品类</td></tr>
                                        		<tr><td style="border: 0;">附&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;件</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40%">
                                        	<table class="table no-margin no-padding">
                                        		<tr>
	                                        		<td style="border: 0;">&nbsp;
	                                        			<#if order.customer.productCategory?size!=0>
					                    				<#list order.customer.productCategory as productCategory>
					                    					 ${productCategory} 
					                    				</#list>
					                    				<#else>/
					                    				</#if>
	                                        		</td>
                                        		</tr>
                                        		<tr>
                                        			<td style="border: 0;">&nbsp;
                                        				<#if order.customer.attachment?size!=0>
					                    				<#list order.customer.attachment as attach>
					                    				
					                    				<span id="fileName1">${attach.originName!}</span>
					                    				<a href="../businessfile/downFile?businessFileId=${attach.id!}" class="down"><i class="iconfont down-i"></i>点击下载</a>	
					                    				
					                    				
					                    				
					                    				<!-- ${attach.businessFile?substring(13)}<a href="../customer/downFile?filename=${attach.businessFile}">点击下载</a> -->
					                    				</br>
					                    				</#list>
					                    				<#else>/
					                    				</#if>
                                        			</td>
                                        		</tr>
                                        	</table>
                                        </td>
                                        <td class="text-center" width="10%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">风格</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40%">
                                        	<table class="table no-margin no-padding">
                                        		<tr>
                                        			<td style="border: 0;">&nbsp;
                                        				<#if order.customer.styleLabel?size!=0>
						                    			<#list order.customer.styleLabel as styleLabel>
						                    				<span class="biaoqian bule-border">${styleLabel!}</span>
						                    			</#list>
						                    			<#else>
						                    			</#if>
                                        			</td>
                                        		</tr>
                                        	</table>
                                        </td>
                                    </tr>
                                </table>
                                <div class="conter_jiben col-md-12 marginTOP10 bold">销售信息</div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td class="text-center" width="10%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">目标人群</td></tr>
                                        		<tr><td style="border: 0;">销售价格</td></tr>
                                        		<tr><td style="border: 0;">上新频率</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.targetConsumer!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.salePrice!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.updateFrequency!}</td></tr>
                                        	</table>
                                        </td>
                                        <td class="text-center" width="10%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">销&nbsp;&nbsp;&nbsp;售&nbsp;&nbsp;&nbsp;渠&nbsp;&nbsp;&nbsp;&nbsp;道</td></tr>
                                        		<tr><td style="border: 0;">预计年销售额</td></tr>
                                        		<tr><td style="border: 0;">上&nbsp;&nbsp;&nbsp;新&nbsp;&nbsp;&nbsp;数&nbsp;&nbsp;&nbsp;&nbsp;量</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.saleChannel!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${order.customer.saleAmount!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;
                                        		<#if order.customer.updateCount??>
                                        		${order.customer.updateCount!}款/次
                                        		</#if>
                                        		</td></tr>
                                        	</table>
                                        </td>
                                    </tr>
                                </table>
                                <div class="conter_jiben col-md-12 marginTOP10 bold">客户需求</div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td class="text-center" width="10%">
                                            需求描述
                                        </td>
                                        <td width="90%">
                                           ${order.requirement!}
                                        </td>
                                       
                                    </tr>
                                </table>
                            </div>
                            <div class="clearfix center">
                                <span class="pull-left bold">设计稿 (${order.orderPatternResults?size}/${order.designCount!})</span>
                                <span style="font-size: 18px;float: left;margin-top: -4px;"></span>
                                
                                <div class=" col-md-12 marginTOP10"></div>
                                <#list order.orderPatternResults as orderPatternResult>
                                <table class="table table-bordered">
                                    <tr>
                                    	<td lass="col-md-12 clearfix" colspan="2" style="font-weight: bold">
                                    		${orderPatternResult.createdAt?string("yyyy-MM-dd HH:mm:ss")}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  子订单号:&nbsp;&nbsp;${orderPatternResult.code!}
                                    		
                                    		<#if (Session["permisionMap"]["F107"]??)>
										<a style="font-weight: normal" href="../orderpattern/showEditPage?id=${orderPatternResult.id!}" class="fr bule-border pull-right" >编辑设计稿</a>
                                    		
										</#if>
											<a style="font-weight: normal" href="../orderpattern/detail?id=${orderPatternResult.id!}" class="fr bule-border pull-right" >查看设计稿</a>
                                    	
                                    	</td>
                                        <!-- <td class="col-md-12 clearfix" colspan="2"> ${orderPatternResult.createdAt?string("yyyy-MM-dd HH:mm:ss")}  子订单号:${orderPatternResult.code!} <span class="btn btn-primary pull-right" >查看明细</span></td> -->
                                    </tr>
                                    <tr>
                                        <td width="50%">
                                            <div class="col-md-12"><img id="image" src="${Application.accessFileUrl!}${orderPatternResult.mainImage!}" onclick="showImage('${orderPatternResult.id!}','${orderPatternResult.mainImage!}')" data-toggle="modal" data-target="#show_image"/></div>
                                        </td>
                                        <td width="50%">
                                        	<div class="design-text">
                                        		<p>设计编号：${orderPatternResult.patternNo!}</p>
	                                            <p>季节：${orderPatternResult.season!}</p>
	                                            <p>年份：${orderPatternResult.period!}</p>
	                                            <p>性别：${orderPatternResult.sex!}</p>
                                        	</div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="col-md-12 " colspan="2" style="text-align: right;padding: 8px">
                                        ${(orderPatternResult.updatedAt?string("yyyy-MM-dd HH:mm:ss"))!orderPatternResult.createdAt?string("yyyy-MM-dd HH:mm:ss")} 
										订单号:${order.code!} 

                                        <#if (Session["permisionMap"]["F106"]??) && orderPatternResult.imageBusinessFiles?size!=0>

								                            <a class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal_${orderPatternResult_index}">下载设计稿</a>
								                            <div class="modal fade" id="myModal_${orderPatternResult_index}"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
																<div class="modal-dialog down_load">
																	<div class="modal-content">
																		<div class="modal-header">
																			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
																				&times;
																			</button>
																			<h4 class="modal-title">
																				下载列表
																			</h4>
																		</div>
																		<div class="modal-body">
																			<ul>
																				<#list orderPatternResult.imageBusinessFiles as attach>
																				<li>
																					<div class="clearfix">

																						<a href="../businessfile/downFile?businessFileId=${attach.id!}"><img class="pull-left no-border no-padding" src="../img/file.png" style="width: 60px; height: 60px; border-radius: 10px;"/></a>
																						<span class="pull-left no-border no-padding" title="${attach.originName!}">${attach.originName!}</span>

																					</div>
																				</li>
																				</#list>
																			</ul>
																		</div>
																		<div class="modal-footer">
																			<button type="button" class="btn btn-default" data-dismiss="modal">关闭
																			<btton>
																		</div>
																	</div><!-- /.modal-content -->
																</div><!-- /.modal -->
															</div>
								                            </#if>
                                        </td>
                                    </tr>
                                </table>
                                </#list>
                            </div>
                        </div>
            		</div>
            	</div>
            </section>
            </aside><!-- /.right-side -->
			
			<div class="modal fade" id="show_image" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog Image">
					<div class="modal-content">
						<div class="modal-body">
							<!-- <img src="../images/Design_draft_03.jpg" alt="" />
							<img src="../images/Design_draft_03.jpg" alt="" /> -->
							<!-- <div class="iconR">&lt;</div>
							<div class="iconL">&gt;</div> -->
							<i class="fa fa-chevron-right iconR"></i>
							<i class="fa fa-chevron-left iconL"></i>
							<div class="tc2_content1_d2">&lt;   <span id="num">1</span>  /   <span id="max">1</span>   &gt;</div>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
			
        </div><!-- ./wrapper -->
      
        
        <!-- jQuery 2.0.2 -->
        <style type="text/css">
        .red{
            color: red;
        }
        .clear{
            clear: both;
            width: 100%;
            height: 1px;

        }
        .breadcrumb>span{
            margin-right: 20px;
        }
        .ol_left{
            width: 100%;
            height: 30px;
            line-height: 30px;
            padding: 0;
        }
        .ol_left>li{
            float: left;
            margin-right: 5px;
        }
        .ol_left li, .ol_left{
        	margin-bottom: 0;
        }
        .six-font{
            font-size: 16px;
        }
        .six-font>span{
            font-size: 16px;
        }
        .clearfix>span>a{
            margin-left: 10px;
            margin-top: 1px;
            float: left;
        }
        .pull-left {
            border-left: 6px solid #3882FF;
            padding: 0 5px;
        }
        .conter_jiben{
            height: 40px;
            line-height: 40px;
            padding: 0;
        }
        .marginTOP10{
            margin-top: 10px;
        }
        .borderOnoe{
            border:none !important;
        }
      
        table tr td p{
        	margin: 8px 0;
        }
        /* 下载按钮样式 */
        .down{
			width: 70px;
			height: 30px;
			border: 1px solid #99D3F5;
			color: #1E88C7;
			display: inline-block;
			text-align: center;
			border-radius: 2px;
			margin: 0 0 10px 10px;
		}
		.down-i{
			color: #1E88C7;
		}
		#fileName1{
			color: #3882ff;
		}
        </style>
        <script src="../js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
		<script src="../js/jquery.form.min.js"></script>
        <script type="text/javascript">
        function submitVerify(){
        
            confirm("是否确定将订单提交给设计总监审核?",function(flag){
            	if(!flag){
            		return;
            	}
            	$.ajax({
                    url:'submitverify',
                    type:'POST', //GET
                    data:{
                    	businessId:${businessId!},orderId:${orderId!}
                    },
                    dataType:'json',    
                   
                    success:function(data){
                    	if(data.head.respCode=="0000000"){
                    		alert("提交成功");
                    		window.location.href="list?pageNo=${pageNo!}";
                    	}else{
                    		alert(data.body)
                    	}
                    },
                    error:function(xhr,textStatus){
                        console.log('错误')
                    }
                })
            })
            
        	
        }
       
        function verify(){
        	confirm("是否确定订单通过审核?",function(flag){
            	if(!flag){
            		return;
            	}
            	$.ajax({
                    url:'verify',
                    type:'POST', //GET
                    data:{
                    	businessId:${businessId!},orderId:${orderId!}
                    },
                    dataType:'json',    
                   
                    success:function(data){
                    	if(data.head.respCode=="0000000"){
                    		alert("提交成功");
                    		window.location.href='detail?businessId=${businessId}&orderId=${orderId}';
                    	}else{
                    		alert(data.body)
                    	}
                    	 
                    },
                    error:function(xhr,textStatus){
                        console.log('错误')
                        alert("错误");
                    }
                })
        	});
        	
		
        }
        function closeOrder(){
        	confirm("是否确定关闭订单?",function(flag){
        		if(!flag){
        			return;
        		}
        		$.ajax({
                    url:'closeorder',
                    type:'POST', //GET
                    data:{
                    	businessId:${businessId!},orderId:${orderId!}
                    },
                    dataType:'json',    
                   
                    success:function(data){
                    	if(data.head.respCode=="0000000"){
                    		alert("提交成功");
                    		window.location.href='detail?businessId=${businessId}&orderId=${orderId}';
                    	}else{
                    		alert(data.body)
                    	}
                    },
                    error:function(xhr,textStatus){
                        console.log('错误')
                        alert("错误");
                    }
                })
        	})
        	
		
        }
        function assignManager() {
			
			$("#assignManagerForm").ajaxSubmit({  
	            type : "POST",  
	            url : "../order/assignManager",   
	            dataType : "json",  
	            data:{businessIds:${orderId}},
	            contentType : 'application/x-www-form-urlencoded; charset=UTF-8',  
	            success : function(map) {  
	            	
	                if(map.head.respCode=="0000000"){
	                	success("保存成功",function(){
	                		window.location.href='detail?businessId=${businessId}&orderId=${orderId}';
	                	});
	                	
	                }else{
	                	alert(map.body);
	                }
	            },  
	            error : function(map) {  
	                alert("出现错误，请刷新页面");  
	            }  
	  
	        }) 
		      
		  }
	
        $(function() {
        	
			
		});
	    function  assignDesigner(){
	    	$("#assignDesignerForm").ajaxSubmit({  
	            type : "POST",  
	            url : "assignDesigner",   
	            dataType : "json",  
	            data:{businessIds:${businessId!}},
	            contentType : 'application/x-www-form-urlencoded; charset=UTF-8',  
	            success : function(map) {  
	            	
	            	if(map.head.respCode=="0000000"){
	                	success("保存成功",function(){
	                		window.location.href='detail?businessId=${businessId}&orderId=${orderId}';
	                	});
	                	
	                }else{
	                	alert(map.body);
	                }
	            },  
	            error : function(map) {  
	                alert("出现错误，请刷新页面");  
	            }  
	  
	        }) 
	    }
	    
	    /* 弹出图片框鼠标悬浮事件 */
        $('.iconR').hide();
		$('.iconL').hide();
        
        $( ".Image" ).hover(
		  function() {  
			  $('.iconR').show();
			    $('.iconL').show();  
			  }, function() {  
				  $('.iconR').hide();
				    $('.iconL').hide(); 
			  } 
		); 
		
		function showImage(id,main){
        	$.ajax({
        		url:'../orderpattern/showImage',
        		type:'get',
        		data:{orderPatternId:id},
        		dataType:'json',
        		async:false,
        		success:function(result){
        			if(result.head.respCode='0000000'){
        				var image=result.body;
        				var div=$('#show_image').find('.modal-body');
        				div.find('img').remove();
        				div.find('#max').html(image.length);
        				for(var i=0;i<image.length;i++){
        					var path='${Application.accessFileUrl}'+image[i];
        					var img=$('<img src="'+path+'"></img>');
        					div.find('.iconR').before(img);
        					img.hide();
        					if(image[i]==main){
        						div.find('#num').html(i+1);
        						img.show();
        					}
        				}
        				div.find('.iconR').click(next);
        				div.find('.iconL').click(last);
        			}
        		}
        	});
        }
        function next(){
        	var span=$(this).parent().find('#num');
        	var num=span.html();
        	num=parseInt(num);
        	var max=$(this).parent().find('#max').html();
        	if(num==max) return;
        	$(this).parent().find('img').eq(num).show();
        	$(this).parent().find('img').eq(num-1).hide();
        	span.html(++num);
        }
        
        function last(){
        	var span=$(this).parent().find('#num');
        	var num=span.html();
        	num=parseInt(num);
        	if(num==1) return;
        	$(this).parent().find('img').eq(num-2).show();
        	$(this).parent().find('img').eq(num-1).hide();
        	span.html(num-1);
        }
        
        
        $('.see').text('收起');
        	/* 查看信息 */
      		/* $('.see_content').hide();
        	$('.see').text('展开');
        	$(".see").click(
   				function(){
   						if($('.see_content').css('display')=='none'){
   							$('.see_content').show();
   							$('.see').text('收起');
   							$('.fa-angle-down').attr('class', 'fa fa-angle-up');
   						}
   						else{
   							$('.see_content').hide();
   							$('.see').text('展开');
   							$('.fa-angle-up').attr('class', 'fa fa-angle-down');
   						}
   					}
   				
   			); */
        </script>
        
    </body>
</html>
